<div id="boxes">
  <!-- #customize your modal window here -->
  <div id="produto" class="window">
    <div class="window-title">
      <div class="close"></div>
    </div>
    <div class="window-content" id="windowContent">
    <form id="formProduto" method="post">
      <div class="fotos">
        <figure>
          <img />
        </figure>
        <div class="botoes">
          Total: <span class="total"></span>
          <br/>
          <input type="button" class="botao-laranja adicionar" value="Adicionar"/>
          <input type="button" class="botao-vermelho remover" value="Remover"/>
          <br/>
          <input type="button" class="close" value="Cancelar"/>
          <br/>
          <div class="disclaimer">
            <b>* Atenção: </b>Os preços podem sofrer alterações de acordo com as observações descritas. A diferença será cobrada no ato da entrega.
          </div>
        </div>
      </div>
      <div class="produto">
        <h1></h1>
        <p></p>
        <br/>
        <div class="opcionais">
          <b>Quantidade: </b>
          <input name="qtde" id="qtde" type="text" size="10" min="1"/>
        </div>
        <div class="extra"></div>
        <div class="opcionais">
          <b>Observações</b>
          <br/>
          <textarea id="obs" name="obs"></textarea>
        </div>
        <input type="hidden" id="p_prec" name="p_prec" />
        <input type="hidden" id="p_prod" name="p_prod" />
        <input type="hidden" id="p_rest" name="p_rest"/>
        <input type="hidden" id="p_pedi" name="p_pedi"/>
        <input type="hidden" id="p_prpe" name="p_prpe"/>
      </div>
    </form>
    </div>
  </div>
  <!-- Do not remove div#mask, because you'll need it to fill the whole screen -->
  <div id="mask"></div>
</div>

<div class="pagina">
  {{#restaurante}}
  <div class="restauranteBar" ri_="{{id}}">
    <div class="rangaki">
      Escolher outro restaurante
    </div>
    <figure>
      <img src="/app/resources/uploads/restaurantes/{{id}}/{{id}}.png"/>
    </figure>
    <!--b style="background:green; color:White; padding:2px;">Aberto</b-->
    <div class="info">
      <h1>{{nome}}</h1>
      <p>
        {{descricao}}
      </p>

      <div class="more">
        <div>
          {{#end}}
          <b>{{nome}}</b>
          <br/>
          {{logradouro}}, {{numero}} {{#complemento}}- {{complemento}}{{/complemento}}
          <br/>
          {{bairro}} - {{cidade}}/{{ufe_sg}}
          <br/>
          <div class="fone">
            {{telefone}}
          </div>
          <!--img src="http://maps.google.com/maps/api/staticmap?center={{latitude}},{{longitude}}&zoom=15&size=250x170&maptype=roadmap
          &markers=color:red|{{latitude}},{{longitude}}&sensor=false" /-->
          {{/end}}
        </div>
        <div>
          <b>Horários:</b>
          <br />
          Seg a Sex - 18:00 às 22:00
          <br />
          Sáb - 18:00 às 23:00
          <br />
          Dom - Fechado
        </div>
        <div>
          <b>Permite Retirada:</b> {{#retirada}}Sim{{/retirada}}{{^retirada}}Não{{/retirada}}
          <br />
          <b>Estacionamento:</b> {{#estacionamento}}Sim{{/estacionamento}}{{^estacionamento}}Não{{/estacionamento}}
          <br />
          <b>Taxa de Entrega:</b> {{taxa_entrega}}
          <br />
          <b>Tempo de Entrega:</b> {{tempo_entrega}} min
          <br />
          <b>Pedido Mínimo:</b> {{vlr_minimo}}
          <br />
        </div>
      </div>
    </div>
  </div>
  {{/restaurante}}
  <div class="produto-conteudo">
    <div class="cardapios">
      {{#cardapios}}
      <div class="cardapio{{#compacto}} pequeno{{/compacto}}">
        <div class="nomeCardapio">
          <h1>{{nome}}</h1>
          {{#descricao}}
          <p>
            {{descricao}}
          </p>
          {{/descricao}}
        </div>
        {{#produtos}}
        <div class="item{{#destaque}} destaque{{/destaque}}" p_="{{id}}">
          <div class="titulo">
            {{nome}}
            <div class="preco">
              {{preco}}
            </div>
          </div>
          {{#descricao}}
          <div class="descricao">
            {{#destaque}}
            <div class="foto"><img src="/app/resources/uploads/produtos/1/1.jpg"/>
            </div>
            {{/destaque}}
            <p>
              {{descricao}}
            </p>
          </div>
          {{/descricao}}
        </div>
        {{/produtos}}
      </div>
      {{/cardapios}}
    </div>
    {{#restaurante}}
    {{#tipo_restaurante}}
    <div class="wrapper-carrinho">
      <div class="carrinho">
        <h1>Seu Pedido</h1>
        <div class="itens">
        </div>
        <div class="botao-laranja fechar-pedido">Fechar Pedido</div>
      </div>
    </div>
    {{/tipo_restaurante}}
    {{/restaurante}}
  </div>
</div>
</div>

<script type="text/javascript" src="/app/resources/site/js/produtos.js"></script>